<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="active box hello">我是div</div>
    <script>
        // 正则表达式 ：regExp 规则表达式 。通过某些规则查找字符串中是否存在某些字符；
        // 一、正则的创建 
        // 1.字面量创建 : /正则规则/
        // var reg = /abc/;
        // var str = "fdsabcfdff";
        // // 查看str里是否包含正则里规则的字符； test 如果可以满足正则规则 就返还true 否则就是false
        // console.log(reg.test(str));
        // console.log(typeof reg);
        // console.dir(reg);



        // 2.内置构造函数创建 

        // var reg = new RegExp("abc");
        // // var str = prompt("输入");
        // if(reg.test(str)){
        //     console.log("有abc字符");
        // }else{
        //     console.log("没有abc字符");
        // }


        // 3.  2种创建的区别？
        var ele = document.querySelector(".active");
        var className = ele.className;
        var myname = prompt("请输入类名");
        // var reg = /myname/;  //匹配 myname字符串
        var reg = new RegExp(myname);  // 把 myname 当成变量解析 ---》输入过来的值；
        // reg  = /hello/
        if(reg.test(className)){
            console.log("有输入类名");
        }else{
            console.log("没有输入的类名");
        }


        // var obj = {
        //     name:"李四"
        // }
        // var myname = "name";

        // console.log(obj[myname]);
    </script>
</body>
</html>